<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>南声-设置</title>
		<link rel="stylesheet" type="text/css" href="./css/set.css" />
		<link rel="stylesheet" type="text/css" href="./layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="./css/reset.css" />
		<script src="./layui/layui.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header>
			<ul class="layui-nav">
				<li class="layui-nav-item"><a class="headerTitle" href="javascript:;">南声</a></li>
				<li class="layui-nav-item">
					<a href="javascript:;"><span class="userface">黑</span></a>
					<dl class="layui-nav-child layui-nav-child-c layui-anim layui-anim-upbit">
						<dd>设置</dd>
						<dd>写文章</dd>
						<dd>退出登录</dd>
					</dl>
				</li>
			</ul>
		</header>
		<div class="settings">
			<!-- <ul class="layui-nav layui-bg-cyan layui-nav-tree" style="margin-right: 10px;height: calc(1000vh - 60px);"
				lay-filter="test">
				<li class="layui-nav-item"><a href="javascript:;">基本信息设置</a></li>
				<li class="layui-nav-item"><a href="javascript:;">密码重置</a></li>
			</ul> -->
			<div class="layui-tab">
				<ul class="layui-tab-title">
					<li class="layui-this">基本信息设置</li>
					<li>密码管理</li>
				</ul>
				<div class="layui-tab-content">
					<div class="layui-tab-item layui-show">
						<div class="nickname settingDiv">
							<span>昵 称</span>
							<input type="text" class="layui-input" placeholder="昵称" value="黑色时刻">
						</div>
						<br>
						<div class="gender settingDiv">
							<span>性 别</span>
							<input type="radio" name="sex" value="男" checked> 男
							<input type="radio" name="sex" value="女"> 女
						</div>
						<br>
						<div class="city settingDiv">
							<span>户 籍</span>
							<input type="text" class="layui-input" placeholder="户籍地" value="黑龙江">
						</div>
						<br>
						<div class="email settingDiv">
							<span>邮 箱</span>
							<input type="text" class="layui-input" placeholder="邮箱地址" value="123456789@qq.com">
						</div>
						<br>
						<div class="sign settingDiv">
							<span>签 名</span>
							<br><br>
							<textarea class="layui-textarea" placeholder="个性签名"></textarea>
						</div>
						<br>
						<div>
							<button class="layui-btn layui-btn-normal">保存修改</button>
						</div>
					</div>
					<div class="layui-tab-item">
						<div>
							<input type="password" class="layui-input" placeholder="新 密 码">
						</div>
						<br>
						<div>
							<input type="password" class="layui-input" placeholder="确 认 密 码">
						</div>
						<br>
						<div>
							<button class="layui-btn layui-btn-normal">修改密码</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
